<template>
  <div class="page_not_found">
    <div class="content">
      <img src="@/assets/404.png" class="img"></img>
      <p class="text">抱歉当前页面不存在</p>
      <p class="text">请检查输入网址是否正确，或点击按钮返回</p>
      <el-button type="primary" class="btn" @click="goBack">返回上一页</el-button>
    </div>
  </div>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },
    computed: {
    },
    watch: {},
    conputed: {},
    methods: {
      goBack(){
        this.$router.go(-1)
      }
    }
  };
</script>

<style lang="scss" scoped>
  .page_not_found {
    height: 100%;
    .content{
      position: fixed;
      top: 50%;
      width: 100%;
      margin-top: -200px;
      text-align: center;
      .img{
        width: auto;
        height: 240px;
      }
      .text{
        height: 30px;
        line-height: 30px;
      }
      .btn{
        margin-top: 10px;
      }
    }
  }
</style>
